<!DOCTYPE html>
<html lang="en">
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="_fragments::head(~{::title})">
    <title>归档</title>
</head>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="../static/js/semantic.min.js" th:src="@{/js/semantic.min.js}"></script>
<body>
<!--导航 -->
<nav th:replace="_fragments::menu(2)">
</nav>
<!-- 中间内容 -->
<div class="mine-container mine-padded-tb-large">
    <div class="ui container">

        <div class="ui top attached segment">
            <div class="ui middle aligned two column grid">
                <div class="column">
                    <h3 class="ui teal header">归档</h3>
                </div>
                <div class="right aligned column">
                    共<h2 class="ui orange header mine-inline-block">10</h2>篇笔记
                </div>
            </div>
        </div>

        <h3 class="ui center aligned header">2017</h3>
        <div class="ui vertical menu fluid">
            <a href="#" target="_blank" class="item">
                    <span>
                        <i class="mini teal circle icon"></i>关于刻意练习的清单
                        <div class="ui teal basic left pointing label mine-padded-mini">6月10</div>
                    </span>
                <div class="ui orange basic left pointing label mine-padded-mini">原创</div>
            </a>
            <a href="#" target="_blank" class="item">
                    <span>
                        <i class="mini teal circle icon"></i>关于刻意练习的清单
                        <div class="ui teal basic left pointing label mine-padded-mini">6月10</div>
                    </span>
                <div class="ui orange basic left pointing label mine-padded-mini">原创</div>
            </a>
            <a href="#" target="_blank" class="item">
                    <span>
                        <i class="mini teal circle icon"></i>关于刻意练习的清单
                        <div class="ui teal basic left pointing label mine-padded-mini">6月10</div>
                    </span>
                <div class="ui orange basic left pointing label mine-padded-mini">原创</div>
            </a>
            <a href="#" target="_blank" class="item">
                    <span>
                        <i class="mini teal circle icon"></i>关于刻意练习的清单
                        <div class="ui teal basic left pointing label mine-padded-mini">6月10</div>
                    </span>
                <div class="ui orange basic left pointing label mine-padded-mini">原创</div>
            </a>
            <a href="#" target="_blank" class="item">
                    <span>
                        <i class="mini teal circle icon"></i>关于刻意练习的清单
                        <div class="ui teal basic left pointing label mine-padded-mini">6月10</div>
                    </span>
                <div class="ui orange basic left pointing label mine-padded-mini">原创</div>
            </a>
            <a href="#" target="_blank" class="item">
                    <span>
                        <i class="mini teal circle icon"></i>关于刻意练习的清单
                        <div class="ui teal basic left pointing label mine-padded-mini">6月10</div>
                    </span>
                <div class="ui orange basic left pointing label mine-padded-mini">原创</div>
            </a>
        </div>

        <h3 class="ui center aligned header">2016</h3>
        <div class="ui vertical menu fluid">
            <a href="#" target="_blank" class="item">
                    <span>
                        <i class="mini teal circle icon"></i>关于刻意练习的清单
                        <div class="ui teal basic left pointing label mine-padded-mini">6月10</div>
                    </span>
                <div class="ui orange basic left pointing label mine-padded-mini">原创</div>
            </a>
            <a href="#" target="_blank" class="item">
                    <span>
                        <i class="mini teal circle icon"></i>关于刻意练习的清单
                        <div class="ui teal basic left pointing label mine-padded-mini">6月10</div>
                    </span>
                <div class="ui orange basic left pointing label mine-padded-mini">原创</div>
            </a>
            <a href="#" target="_blank" class="item">
                    <span>
                        <i class="mini teal circle icon"></i>关于刻意练习的清单
                        <div class="ui teal basic left pointing label mine-padded-mini">6月10</div>
                    </span>
                <div class="ui orange basic left pointing label mine-padded-mini">原创</div>
            </a>
            <a href="#" target="_blank" class="item">
                    <span>
                        <i class="mini teal circle icon"></i>关于刻意练习的清单
                        <div class="ui teal basic left pointing label mine-padded-mini">6月10</div>
                    </span>
                <div class="ui orange basic left pointing label mine-padded-mini">原创</div>
            </a>
            <a href="#" target="_blank" class="item">
                    <span>
                        <i class="mini teal circle icon"></i>关于刻意练习的清单
                        <div class="ui teal basic left pointing label mine-padded-mini">6月10</div>
                    </span>
                <div class="ui orange basic left pointing label mine-padded-mini">原创</div>
            </a>
            <a href="#" target="_blank" class="item">
                    <span>
                        <i class="mini teal circle icon"></i>关于刻意练习的清单
                        <div class="ui teal basic left pointing label mine-padded-mini">6月10</div>
                    </span>
                <div class="ui orange basic left pointing label mine-padded-mini">原创</div>
            </a>
        </div>

    </div>
</div>
<!-- 底部 -->
<footer th:replace="_fragments::footer">
</footer>
</body>
</html>